
/* ======================================================================================================== */

.fm{ display:none; position:relative; border:0px solid #f00; }

.fm label.title{ display:block; font:15px/20px "微软雅黑"; color:#555; margin:20px 0 10px;}
.fm label.title:first-child{ margin-top:0;}

.fm .group{ border:1px solid #e7e7e7; margin-bottom:10px; border-radius:5px; box-shadow:inset 0 0 1px rgba(0,0,0,0.5); overflow:hidden;}
.fm .bindgroup{ position:relative; min-height:45px; background:#fafafa; border-bottom:1px solid #eee; }
.fm .bindgroup:last-child{ border:none;}

.fm .bindgroup input   { box-sizing:border-box; display:block; width:100%; height:45px; padding:12px 40px; font:15px/20px "微软雅黑"; color:#888; border:none; outline:none;}
.fm .bindgroup select  { box-sizing:border-box; display:block; width:98%; height:45px; padding:10px 8px; font:15px/25px "微软雅黑"; color:#888; border:none; outline:none; background:none;}
.fm .bindgroup textarea{ box-sizing:border-box; display:block; width:100%; height:7em; padding:10px 40px; font:14px/1.4em "微软雅黑"; color:#888; border:none; outline:none;}

.fm .bindgroup input[name=loginname]{ background:url(../icons/intro_user.png) no-repeat 10px 13px; background-size:18px 18px;}
.fm .bindgroup input[name=loginpswd]{ background:url(../icons/intro_lock.png) no-repeat 10px 13px; background-size:18px 18px;}
.fm .bindgroup input[name=regname]{ background:url(../icons/intro_user.png) no-repeat 10px 13px; background-size:18px 18px;}
.fm .bindgroup input[name=regpwd1]{ background:url(../icons/intro_lock.png) no-repeat 10px 13px; background-size:18px 18px;}
.fm .bindgroup input[name=regpwd2]{ background:url(../icons/intro_lock.png) no-repeat 10px 13px; background-size:18px 18px;}
.fm .bindgroup input[name=phone]{ background:url(../icons/intro_phone.png) no-repeat 10px 13px; background-size:18px 18px;}
.fm .bindgroup input[name=email]{ background:url(../icons/intro_email.png) no-repeat 10px 13px; background-size:18px 18px;}
.fm .bindgroup input[name=addr]{ background:url(../icons/intro_address.png) no-repeat 10px 13px; background-size:18px 18px;}
.fm .bindgroup input[name=birth]{ background:url(../icons/intro_calendar.png) no-repeat 10px 13px; background-size:18px 18px;}
.fm .bindgroup textarea[name=msgcont]{ background:url(../icons/intro_msg.png) no-repeat 10px 10px; background-size:18px 18px;}

.fm .bindgroup .tips { position:absolute; z-index:0; right:0; top:0; display:block; width:45px; height:45px; transition:all 0.2s ease-in-out 0s; background-position:100px center; border:0px solid #F03;}
.fm .bindgroup .tips.failed  { z-index:30; background:url(../icons/icon-error.png) no-repeat center;   background-size:20px 20px; cursor:pointer;}
.fm .bindgroup .tips.success { z-index:30; background:url(../icons/icon-success.png) no-repeat center; background-size:20px 20px;}
.fm .bindgroup .tips.warning { z-index:30; background:url(../icons/icon-warning.png) no-repeat center; background-size:20px 20px;}
.fm .bindgroup .tips.phone-dx{ z-index:30; background:url(../icons/icon-phone-dx.png) no-repeat center; background-size:20px 20px;}
.fm .bindgroup .tips.phone-yd{ z-index:30; background:url(../icons/icon-phone-yd.png) no-repeat center; background-size:20px 20px;}
.fm .bindgroup .tips.phone-lt{ z-index:30; background:url(../icons/icon-phone-lt.png) no-repeat center; background-size:20px 20px;}


.fm .btn{ display:block; width:100%; height:45px; margin:5px 0; background:#e9cc7f; font:15px/45px "微软雅黑"; color:#fff; text-align:center; border-radius:3px; cursor:pointer; border:none; }


.fm p.info{ font:12px/20px "微软雅黑"; color:#666; text-align:center; margin-top:20px;}
.fm p.info a{ padding:0.2em; color:#390;}
.fm p.info a:hover{ font-weight:700;}


.overlay{ position:fixed; left:0; top:0; z-index:200; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none;}
.overlay .rules{ position:absolute; left:10%; top:20%; width:80%; height:60%; background:rgba(255,255,255,0.9); box-sizing:border-box; padding:5%; border-radius:4px; overflow:auto;}
.overlay .rules h2{ font:18px/20px "微软雅黑"; color:#555; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.overlay .rules h2 span{ display:block; float:right; background:#F86F45; width:20px; color:#fff; text-align:center; border-radius:2px; cursor:pointer; }
.overlay .rules h3{ font:900 14px/20px "微软雅黑"; color:#777; display:inline-block; padding:0 3px; background:#ddd; border-radius:3px; }
.overlay .rules p{ font:14px/20px "微软雅黑"; color:#777; margin:0.8em 0;}

/* ======================================================================================================== */

.red    { background:#f78d6c !important; }
.yellow { background:#e9cc7f !important; }
.green01{ background:#10A64F !important; }
.green02{ background:#4AA301 !important; }
.blue01 { background:#46a4d6 !important; }
.blue02 { background:#4BC1F3 !important; }
.grey01 { background:#6a87b1 !important; }
.grey02 { background:#6C798C !important; }

/* ======================================================================================================== */